.modal {
  :global(.ant-modal-body) {
    padding: 0;
  }
}

.content > header {
  font-size: 13px;
  padding: 30px 20px 0;
  button {
    margin-right: 10px;
  }
  button:global(.ant-btn-link) {
    font-size: 13px;
  }
}

.content > main {
  padding: 20px 20px 30px;
}

.content > main > .loading,
.content > main > .error {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 560px;
  justify-content: center;
  padding-bottom: 100px;
}
.content > main > .loading {
  :global(.ant-spin-text) {
    margin-top: 16px;
  }
}
.content > main > .error {
  :global(.ant-result-subtitle) {
    font-size: 15px;
  }
}

.devices {
  height: 560px;
  :global(.ant-table-thead) > tr > th {
    font-size: 13px;
    padding: 12px;
    &:global(.ant-table-column-has-sorters) {
      padding: 0;
      :global(.ant-table-column-sorters) {
        padding: 12px;
      }
    }
  }
  :global(.ant-table-tbody) > tr > td {
    font-size: 13px;
    padding: 12px;
  }
  :global(.ant-table-tbody) > tr > td.choose {
    padding: 0;
    :global(.ant-checkbox-wrapper) {
      padding: 16px 8px;
    }
  }
  .hostname {
    color: #aaa;
  }
  .failed {
    word-wrap: break-word;
    word-break: break-all;
    .failed-message {
      color: #f5222d;
    }
  }
}
